@import 'modules/reset.scss';
@import 'modules/header.scss';
@import 'modules/footer.scss';
@import 'modules/leader.scss';

/*main-contain开始 littlebeast 20200820*/

.main-contain {
    width: 100%;
    background: #000;
    position: relative;
    overflow: hidden;
    .contain-img {
        position: relative;
        left: 50%;
        margin-left: -953px;
        .contain-banner {
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            a {
                height: 600px;
                width: 100%;
                display: block;
            }
        }
        img {
            // display: block;
            vertical-align: top;
        }
    }
    .contain-hover {
        .hover-list {
            height: 100%;
            width: 1200px;
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -1070px;
            margin-top: 50px;
            a {
                width: 300px;
                height: inherit;
                display: block;
                float: left;
                position: relative;
                .hover-body {
                    display: none;
                    position: absolute;
                    bottom: 40px;
                    left: 0;
                }
            }
        }
    }
    .swiperGoods {
        width: 100%;
    }
    .full-width {
        width: 100%;
        background: #fff;
        left: 0;
        margin-left: 0;
        padding-bottom: 100px;
        overflow: hidden;
        .likes {
            height: 135px;
            text-align: center;
            color: #333;
            margin-bottom: 40px;
            >h3 {
                line-height: 80px;
                font-size: 50px;
            }
            >a {
                display: inline-block;
                height: 40px;
                line-height: 40px;
                background: #333;
                color: #fff;
                font-size: 16px;
                padding: 0 25px;
                margin-top: 15px;
            }
        }
        .slide {
            height: 350px;
            background-color: yellowgreen;
        }
    }
    .contain-last {
        width: 100%;
        left: 0;
        margin-left: 0;
        padding: 50px 0;
        background: #d00;
        text-align: center;
        &-center {
            display: inline-block;
            >h3 {
                height: 34px;
                background: url("https://anta-cn-web.obs.myhwclouds.com/theme/images/antacom/text-followus-w.svg") no-repeat center center;
                background-size: auto 100%;
            }
            >p {
                color: #fff;
                font-size: 20px;
                font-style: italic;
                line-height: 40px;
                margin-top: 5px;
            }
            >ul {
                overflow: hidden;
                margin-top: 10px;
                padding-left: 70px;
                .weixin {
                    display: inline-block;
                    a {
                        background: url("https://anta-cn-web.obs.myhwclouds.com/theme/images/icons/wechat-w.svg") no-repeat center center;
                        background-size: 80px auto;
                        .weixin-code {
                            width: 85px;
                            height: 85px;
                            position: absolute;
                            display: none;
                            img {
                                z-index: 10;
                                height: 100%;
                                width: 100%;
                            }
                        }
                    }
                }
                li a {
                    display: inline-block;
                    height: 85px;
                    width: 85px;
                    margin: 0 15px;
                    position: relative;
                }
                .weibo {
                    display: inline-block;
                    a {
                        background: url("https://anta-cn-web.obs.myhwclouds.com/theme/images/icons/weibo-w.svg") no-repeat center center;
                        background-size: 80px auto;
                    }
                }
            }
        }
    }
}


/*swiper开始*/

#swiper-one .swiper-slide {
    width: 424px;
}

.swiper-slide .swiper-img img {
    width: 423px;
    height: 423px;
}

.swiper-slide .swiper-txt a {
    display: block;
    line-height: 25px;
    text-align: center;
    font-size: 16px;
    margin-top: 15px;
}

.swiper-container {
    --swiper-navigation-color: #999;
    /* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;
    /* 设置按钮大小 */
    overflow: visible !important;
}

.swiper-button-prev {
    display: block;
}